
$(document).ready(function () {
    $('.trig-item .text:first').addClass('trig-curr');
    $('.trig-item .text').click(function () {
        // 阻止链接的默认行为（如果它是一个链接）
        event.preventDefault();

        // 移除所有 .trig-curr 类名
        $('.trig-curr').removeClass('trig-curr');

        // 为被点击的 .trig-item 添加 .trig-curr 类名
        $(this).addClass('trig-curr');
    });
    $("#headImg").hide();
    $("#storeLogoImgs").hide();
    $('#avatar').on('input', () => {
        console.log($('#avatar')[0].files[0]);
        var windowURL = window.URL || window.webkitURL;
        var dataURL = windowURL.createObjectURL($('#avatar')[0].files[0]);
        $('#headImg').attr('src', dataURL);
        $("#headImg").show();
    });
    $('#btnFile').on('input', () => {
        var windowURL = window.URL || window.webkitURL;
        var dataURL = windowURL.createObjectURL($('#btnFile')[0].files[0]);
        $('#headImgs').attr('src', dataURL);
    })
    var currentTarget = "element1"; // 设置初始的当前目标元素为 element1

    $(".btn").click(function () {
        var target = $(this).data("target");
        if (target !== currentTarget) {
            $("#element1").hide();
        }
        if (currentTarget !== target) {
            $("#" + currentTarget).removeClass("fade-in").addClass("fade-out").hide(); // 隐藏当前已显示的目标元素
            $("#" + target).removeClass("fade-out").addClass("fade-in").show(); // 显示新的目标元素
            currentTarget = target;
            $(".btn").removeClass("left_top_a"); // 移除所有按钮的活动状态类
            $(this).addClass("left_top_a"); // 将点击的按钮添加活动状态类
            $(".user-account-content").hide();
            $(".modify").hide();
            $(".u-name").hide();
            $(".u-headImg").hide();
        }
    });
});

$(".modify").hide();

function show_and_hide (el) {
    console.log(el)
    if (el == ".u-headImg") {
        $(el).toggle();
    } else if (el == ".order-identity"){
        $(el).toggle();
    }else if ($('#element2').is(":hidden") && $(".modify").is(":hidden")) {
        $('#element1').toggle();
        $(".btn").removeClass("left_top_a");
        $(".btn:first").addClass("left_top_a");
    }else if (el == ".user-account-content") {
        $(el).toggle();
        $(".u-name").hide();
        $(".u-del").hide();
    } else if (el == ".u-name" || el == ".modify" || el == ".u-del") {
        $(el).toggle();
        $(".user-account-content").hide();
    } else {
        $(".user-account-content").hide();
        $(".u-name").hide();
        $(".u-del").hide();
        $(el).toggle();
    }
}